﻿<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>关于我_个人博客</title>
	<script type="text/javascript">
		var myURL = "${pageContext.request.contextPath}";
	</script>
<link rel="shortcut icon"
	href="${pageContext.request.contextPath}/static/images/logo.jpg">

<link href="${pageContext.request.contextPath}/static/css/animate.css"
	rel="stylesheet">

</head>
<body
	style="background:url(${pageContext.request.contextPath}/images/bj.png) repeat top left scroll">
	<%@ include file="top.jsp"%>
	<article>
		<div class="lbox">
			<div class="infos">
				<div class="newsview">
					<h2 class="intitle">
						您现在的位置是：<a href="index.jsp">网站首页</a>&nbsp;&gt;&nbsp;<a
							href="page/about.jsp">关于我</a>
					</h2>
					<div class="news_infos m20 animated fadeIn">
          <br>
						<h1 align="center" style="color: #000;font-size: 30px;">关于我</h1>
						<br>
							<p>
								<h1 style="color: cornflowerblue">大二废物，网瘾少年，吉首大学软件学院混子一个！</h1>
							</p>
					<br>
          <br>
          </div>
				</div>
			</div>
		</div>
		<div class="rbox">
			<div class="card">
				<h2 align="center">名片</h2>
				<p>网名：故事细腻 | YH</p>
				<p>职业：在校学生</p>
				<p>现居：湖南张家界</p>
				<p>Email：yanghui712830@qq.com</p>
				<ul class="linkmore">
					<li><a href="#" target="_blank"
						   class="iconfont icon-zhuye" title="网站地址"></a></li>
					<li>
						<a href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=uMHZ1t-QzdGPiYqAi4j4ycmW29fV"
						   target="_blank" class="iconfont icon-youxiang" title="我的邮箱">
						</a>
					</li>
					<li>
						<a
								href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes"
								target="_blank" class="iconfont icon---" title="QQ联系我"></a></li>
					<li id="weixin"><a href="" target="_blank"
									   class="iconfont icon-weixin" title="关注我的微信"></a><i><img
							src="${pageContext.request.contextPath}/static/images/wechat/yh.jpg"></i></li>
				</ul>
			</div>

			<div class="whitebg notice">
				<h2 class="htitle">热门文章</h2>
				<ul>

				</ul>
			</div>

			<div class="dj paihang animated fadeIn"
				 style="animation-delay:0.3s">
				<h2 class="htitle">点击排行</h2>
				<ul class="">

				</ul>
			</div>
			<div class="link links whitebg animated fadeIn"
				 style="display:none;animation-delay:0.3s">
				<h2 class="htitle">友情链接</h2>
				<ul class="animated fadeIn">

				</ul>
				<div class="msg"
					 style="clear: both;text-align: center;margin: 25px 0px 15px;">
					<a href="javascript:void(0)"></a>
				</div>
			</div>

			<div class="guanzhu gd whitebg animated fadeIn"
				 style="display:none" id="follow-us">
				<h2 class="cloud_hometitle">来波关注</h2>
				<ul>
					<li class="qq"><a href="javascript:void(0)"
									  target="_blank"><span>QQ号</span>1879160860</a></li>
					<li class="email"><a href="javascript:void(0)"
										 target="_blank"><span>邮箱帐号</span>yanghui712830@qq.com</a></li>
					<li class="wxgzh"><a href="javascript:void(0)"
										 target="_blank"><span>微信号</span>1879160860</a></li>
					<li class="wx" style="border:none"><img
							src="${pageContext.request.contextPath}/static/images/wx.jpg"></li>
				</ul>
			</div>
		</div>
	</article>
</body>

	<script type="text/javascript">
		/**
		 * 页面初始化要加载的函数
		 */
		$(document).ready(function() {
			/** 初始化置顶的3篇文章 */
			initBlogByTop();
			/** 初始化点击排行5篇文章 */
			initBlogByClick();
		});

		/**
		 * 初始化点击排行
		 */
		var initBlogByClick = function() {
			//设置参数
			var params = {
				pageSize : 5,
				page : 1,
				sort : "clickNum", //按点击量排序,默认按时间
				status : 1,
			};
			$
					.ajax({
						url : myURL + '/selectGroupLikeBlogListByPage',
						type : 'get',
						data : params,
						dataType : 'json',
						success : function(data) {
							var clickBlog = '';
							var data = data.blogList;
							var time = '';
							for (var i = 0; i < data.length; i++) {
								/** 进行安全处理，把 id 的八进制字符串在乘以 id */
								var id = data[i].id.toString(8) * data[i].id;
								time = i * 0.05;
								clickBlog += '<a target="_blank" href="' + myURL + '/find/' + id + '">' +
										'<li style="animation-delay:0.' + i + 's" class="animated fadeIn"><b>' + data[i].title
										+ '</b><p><i><img src="' + data[i].images + '"></i><span>'
										+ data[i].introduction + '</span></p></li></a>'
							}
							// 初始化数据
							$(".paihang").find("ul").html(clickBlog);
						},
						error : function() {
							layer.msg('请求太快，请稍后再试！', {
								icon : 5
							});
						}
					});
		};

		/** 初始化置顶的3篇文章 */
		var initBlogByTop = function() {
			//设置参数
			var params = {
				pageSize : 5,
				page : 1,
				isTop : 1, //1 表示置顶
				status : 1
			};
			$.ajax({
				url : myURL + '/selectGroupLikeBlogListByPage',
				type : 'get',
				data : params,
				dataType : 'json',
				success : function(data) {
					var topBlog = '';
					var data = data.blogList;
					for (var i = 0; i < data.length; i++) {
						var id = data[i].id.toString(8) * data[i].id;
						topBlog += '<li><a href="' + myURL + '/find/' + id + '" title=' + data[i].title + ' target="_blank">' + data[i].title + '</a></li>';
					}
					// 初始化数据
					$(".notice").find("ul").html(topBlog);
					globalCount++;
					returnAllCount();
				},
				error : function() {
					layer.msg('请求太快，请稍后再试！', {
						icon : 5
					});
				}
			});
		};
	</script>
</html>
